
$(function () {
    // 1.图片上传
        $('#inputCover').change(function () {
            const file = this.files[0]
            $('#coverimg').prop('src', URL.createObjectURL(file))
            // $('#coverimg').attr('src', url);
        })
    
    
        // 2.下拉分类表 /admin/category/list
        function categoryList() {
            $.get('/admin/category/list', function (res) {
                let html = ""
                res.data.forEach(value => {
                    html += `<option value='${value.id}'>${value.name}</option>`
                })
                $('#category').html(html)
            })
        }

    // 3.发布时间 导入layerui 模板
    function renderData() {
        //执行一个laydate实
        layui.laydate.render({
            // 3.1获取到静态id选择器
            elem: '#articleDate'
        });
    }
    

    // 4.富文本插件
    function renderEdiote() {
        tinymce.init({
            // 4.1拿到静态id选择器
            selector: '#articleContent',
            // 4.2汉化
            language:'zh_CN',//注意大小写
        });
    }


    // 发布已保存
    $('.btn-edit').click(function () {
        postArticle('已发布')
    })
    // 发布草稿
    $('.btn-draft').click(function () {
        postArticle('')
    })

        // 5.发布文章  简化版
            function postArticle(state) {
                // 5.1创建一个对象
            const fd = new FormData($('#form')[0])
            const content = tinyMCE.editors['articleContent'].getContent();
            fd.append('content', content)
            fd.append('state', state)
            fd.forEach((value, key) => {})
            
                // 发送请求 
            $.ajax({
                url: '/admin/article/publish',
                type: 'post',
                data: fd,
                processData: false,
                contentType: false,
                success(res) {
                    // 判断成功就发送
                    if (res.code === 200) {
                        // 跳转回文章列表
                        location.href ='article_list.html'
                    }
                }
            })
            }
            
        
    
    







    // // 5.发布文章 粗暴版本
    // $('.btn-edit').click(function () {
    //     // 5.1创建一个对象
    //     const fd = new FormData()
    //     // 获取文章标题
    //     const title = $("[name='title']").val()
    //     // 获取图片
    //     const cover = $("[name='cover']")[0].files[0]
    //     // 获取文章类别
    //     const categoryId = $("[name='categoryId']").val()
    //     // 获取日期
    //     const date = $("[name='date']").val()
    //     // 获取富文本
    //     const content = tinyMCE.editors['articleContent'].getContent();

    //     // console.log(title);
    //     // console.log(cover);
    //     // console.log(categoryId);
    //     // console.log(date);
    //     // console.log(content);


    //     fd.append('title', title)
    //     fd.append('cover', cover)
    //     fd.append('categoryId', categoryId)
    //     fd.append('date', date)
    //     fd.append('content', content)
    //     fd.append('state', '已发布')


    //     // if (type !== '草稿') {
    //     //             fd.append('state', '已发布')
    //     //         } else {
    //     //             fd.append('state', '')
    //     //         }


    //     $.ajax({
    //         url: '/admin/article/publish',
    //         type: 'post',
    //         data: fd,
    //         contentType: false,
    //         processData: false,
    //         success(res) {
    //             if (res.code == 200) {
    //                 location.href='article_list.html'
    //             }
                
                
    //         }
    //     })
    // })


    
    
    categoryList()
    renderData()
    renderEdiote()
    
})